<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>新疆行</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/center.css" />
		<link rel="stylesheet" type="text/css" href="css/left.css" />
		<link rel="stylesheet" type="text/css" href="css/right.css" />
		<link rel="stylesheet" type="text/css" href="css/top.css" />
		<link rel="stylesheet" type="text/css" href="css/bottom.css"/>
	</head>
	<body>
		<!-- 容器 -->
		<div id="container">
			<!-- 头部 -->
			<div id="top">
				<!-- 头部图片 -->
				<div id="top-photo"></div>
				<!-- 头部导航 -->
				<div id="top-nva">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">新疆简介</a></li>
						<li><a href="#">风土人情</a></li>
						<li><a href="#">吃在新疆</a></li>
						<li><a href="#">路线选择</a></li>
						<li><a href="#">自助行</a></li>
						<li><a href="#">摄影摄像</a></li>
						<li><a href="#">游记精选</a></li>
						<li><a href="#">资源下载</a></li>
						<li><a href="#">雁过留声</a></li>
					</ul>
				</div>


			</div>
			<!-- 左边 -->
			<div id="left">
				<!-- 天气查询 -->
				<div id="left-weater">
					<h3 style="color: white;" id="weater-h3">天气查询</h3>
					<ul>
						<li>乌鲁木齐&nbsp;&nbsp;&nbsp;雷阵雨 20℃-31℃</li>
						<li>吐鲁番&nbsp;&nbsp;&nbsp;多云转阴 20℃-28℃</li>
						<li>喀什&nbsp;&nbsp;&nbsp;阵雨转多云 25℃-32℃</li>
						<li>库尔勒&nbsp;&nbsp;&nbsp;阵雨转阴 21℃-28℃</li>
						<li>克拉马依&nbsp;&nbsp;&nbsp;雷阵雨 26℃-30℃</li>
					</ul>
				</div>
				<!-- 今日推荐 -->
				<div id="left-tody">
					<h3 id="tody-h3" style="color: blue;">今日推荐</h3>
					<ul>
						<li><a href="#"><img src="img/map1.jpg" style="border: white 1px solid;"></a></li>
						<li><a href="#">喀纳斯河</a></li>
						<li><a href="#"><img src="img/map2.jpg" style="border: white 1px solid;"></a></li>
						<li><a href="#">布尔津</a></li>
						<li><a href="#"><img src="img/tuijian3.jpg" style="border: white 1px solid;"></a></li>
						<li><a href="#">天山之路</a></li>
					</ul>
				</div>
			</div>
			<!-- 中间 -->
			<div id="centre">
				<!-- 中间图片 -->
				<div id="centre-photo"></div>
				<!-- 美景寻踪 -->
				<div id="centre-view">
					<ul>
						<li><a href="#"><img src="img/beauty1.jpg" style="border: #2286C6 1px solid;"></a></li>
						<li><a href="#"><img src="img/beauty2.jpg" style="border: #2286C6 1px solid;"></a></li>
						<li><a href="#"><img src="img/beauty3.jpg" style="border: #2286C6 1px solid;"></a></li>
						<li><a href="#"><img src="img/beauty4.jpg" style="border: #2286C6 1px solid;"></a></li>
					</ul>
				</div>
				<!-- 线路精选 -->
				<div id="centre-way">
					<ul>
					  <li><a href="#">吐鲁番——库尔勒——库车——塔中——和田——喀什</a></li>
					  <li><a href="#">乌鲁木齐——天池——克拉马依——乌伦古湖——喀纳斯</a></li>
					  <li><a href="#">乌鲁木齐——奎屯——乔尔玛——那拉提——巴音布鲁克</a></li>
					  <li><a href="#">乌鲁木齐——五彩城——将军隔壁——吉木萨尔</a></li>
					</ul>
				</div>
			</div>
			<!-- 右边 -->
			<div id="right">
				<!-- 新疆风光 -->
				<div id="right-xingjiang">
					<h3 style="color: blue" id="xingjiang-h3">新疆风光</h3>
					<ul>
						<li><a href="#"><img src="img/map1.jpg" style="border:1px white solid ;"></a></li>
						<li><a href="#"><img src="img/map2.jpg"style="border:1px white solid ;"></a></li>
					</ul>
				</div>
				<!-- 小吃推荐 -->
				<div id="right-foot">
					<h3 style="color: blue" id="xiaochi-h3">小吃推荐</h3>
					<ul>
						<li><a href="#">17号抓饭</a></li>
						<li><a href="#">大盘鸡</a></li>
						<li><a href="#">五一夜市</a></li>
						<li><a href="#">水果</a></li>
					</ul>
				</div>
				<!-- 宾馆酒店 -->
				<div id="right-hotel">
					<h3 style="color: blue" id="hotel-h3">宾馆酒店</h3>
					<ul>
						<li><a href="#">美丽华大饭店</a></li>
						<li><a href="#">海德大饭店</a></li>
						<li><a href="#">银都大饭店</a></li>
						<li><a href="#">鸿福大饭店</a></li>
						<li><a href="#">友好大酒店</a></li>
						<li><a href="#">棉麻宾馆</a></li>
						<li><a href="#">电信宾馆</a></li>
					</ul>
				</div>
			</div>
			<!-- 页脚 -->
			<div id="bottom">
				<div id="bottom-a">
				<p id="bottom-b">艾萨克@版权所有</p>
				<p style="color: white;">demo@demo.com</p>
				</div>
				
			</div>
			




		</div>






	</body>
</html>
